<template>
	<view class="tsspage">
		<view class="flex">
			<text>技术支持公司</text>
			<text>群二维码</text>
		</view>
		<view class="list">
			<view class="flex" v-for="(item,index) in listData" :key="index">
				<view class="info">
					<view class="tit">{{item.title}}</view>
					<view class="sp">{{item.content}}</view>
				</view>
				<image class="img" :src="item.img" @click="imgShow(item.img)"></image>
			</view>
		</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	import { onLoad } from "@dcloudio/uni-app";
	import img1 from "@/pagesC/static/images/code1.jpg"
	import img2 from "@/pagesC/static/images/code2.jpg"
	import img3 from "@/pagesC/static/images/code3.jpg"
	const listData = ref([{
			title: '重庆市设计院有限公司',
			content: '负责登录、实名认证、首页、工地页(除实名制管理)、我的',
			img: img1
		},
		{
			title: '中冶赛迪工程技术股份有限公司',
			content: '负责工地页中的实名制管理模块',
			img: img2
		},
		{
			title: '重庆市建教帮科技有限责任公司',
			content: '负责教育页中的所有模块',
			img: img3
		}
	])

	function imgShow(img) {
		// #ifdef MP-WEIXIN
		let base64 = wx.getFileSystemManager().readFileSync(img, 'base64')
		let url = `data:image/png;base64,${base64}`
		// #endif
		// #ifndef MP-WEIXIN
		let url = img
		// #endif
		uni.previewImage({
			current: 0,
			urls: [url]
		})
	}

	onLoad((option) => {

	})
</script>

<style lang="less">
	page {
		background: #f8f8f8;
	}

	.tsspage {
		border-top: 20rpx solid #f8f8f8;
		padding: 30rpx;
		background: #fff;
		font-size: 30rpx;

		.flex {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.list {
			.flex {
				border-bottom: 1px solid #eee;
				padding: 30rpx 0;
			}

			.flex:last-child {
				border: 0;
			}

			.info {
				flex: 1;

				.tit {
					font-size: 28rpx;
					padding-bottom: 10rpx;
				}

				.sp {
					color: #aaa;
					font-size: 24rpx;
				}
			}

			.img {
				width: 120rpx;
				height: 120rpx;
				margin-left: 30rpx;
			}
		}
	}
</style>